
.home_banner{
    padding-top: .5rem;
    
    ion-slide{
        width: 100%;
        border: 1px solid #333;
        border-radius: .8rem;
        overflow: hidden;
        img-lazy-load,img{height:100%;width: 100%;}
        // img{
        //     display: block;
        //     width: 100%;
        // }
    }
}




// 公告
.notice-box{
    padding: 1rem 0;
    .notice{
        height: 2rem;line-height: 2rem;
        display: flex;
        font-size: 1.2rem;
        span{
            display: block;margin-right: 1.4rem;
            box-sizing: border-box;
            img{width: auto;height: 2rem;}
        }
        div{
            overflow: hidden;
            flex: 1;
            p{font-size: 1.4rem;color: #17E2E4;text-align: left;width: 100%;}
        }
    }
}

// file实时币价
.file_price{
    padding: 1rem;background-color: #22305B;border-radius: .4rem;
    .flie_title{
        img{width: 14.5rem;}
        padding-bottom: .8rem;
        margin-bottom: .5rem;
        border-bottom: 1px solid #040F22;
    }
    .fil_ul{border-bottom: 1px solid #040F22;}
    
    ul{
        padding: 1rem 0;
        li{
            &:nth-child(1){
                img{
                    width: 3rem;
                    height: 3rem;
                }
            }
            &:nth-child(2), &:nth-child(3){
                p{
                    font-size: 1.4rem;
                    color: #fff;
                    i{color: #7886B0;font-size: 1rem;display: inline-block;transform: scale(0.80);
                        -webkit-transform-origin-x: 0}
                }
                span{font-size: 1.3rem;}
            }
            &:nth-child(4){
                img{
                    width: 5rem;
                    height: 2.5rem;
                }
                
            }
            &:nth-child(5){
                width: 5em;
                span{
                    display: inline-block;
                    width:100% ;
                    background-color: #fd3f3f;
                    padding: .4rem 0;
                    border-radius: .4rem;
                    text-align: center;
                    color: #fff;
                }
                

            }
        }
    }
    .xch_ul{padding-bottom: 0;}
}
// ipfs存储机
.my_ipfs{
    padding: 1rem;background-color: #22305B;border-radius: .4rem;margin-top:.5rem;
    .flie_title{
        padding-bottom: .8rem;
        margin-bottom: 1rem;
        border-bottom: 1px solid #040F22;
        span{color: #17E2E4;}
    }

    ul{
        padding: 1rem 0;
        border-bottom: 1px solid #040F22;
        &:nth-last-child(1){border: 0;padding-bottom: 0;}
        li{
            &:nth-child(1){width: 5%;}
            &:nth-child(2){width: 25%;}
            width: 35%;
            img{width: 2rem;}
            text-align: center;
            p{
                color: #fff;
                i{font-size: 1.3rem;color:#7886B0 ;}
            }
            span{font-size: 1.3rem;}
        }
    }
}

// 新闻列表
.news_list{
    padding: 1rem;background-color: #22305B;border-radius: .4rem;
    li{
        border-bottom: 1px solid #040F22;
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
        div,a{
            display: flex;
            overflow: hidden;
            justify-content: space-between;
            text-decoration: none;
            align-items: center;
        }
        
        img-lazy-load,img{width: 11rem;height: 6rem;border-radius: .5rem;overflow: hidden;}
        p{display: flex;line-height: 2rem;overflow: hidden;width: 64%;}
        &:nth-last-child(1){
            border: 0;
            margin: 0;
            padding: 0;
        }
    }
   
}
